<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>0-标签语法.html</title>
</head>
<body>
<button onclick=alert("锅哥好帅")>按钮</button>
	<!-- ①标签不能交叉嵌套 -->
	正确：<div><span>早安，尚硅谷</span></div>
	<!-- 标签不能有交集，只能是完全包含 虽然浏览器能运行，但是这是错误的语法，浏览器偷偷帮你修复了而已-->
	错误：<div><span>早安，尚硅谷</div></span>
	<hr />

	<!-- ②标签必须正确关闭 -->
	<!-- i.有文本内容的标签： -->
	正确：<div>早安，尚硅谷</div>
	<!-- 标签必须正确关闭    不关虽然浏览器能运行，但是这是错误的语法，浏览器偷偷帮你修复了而已-->
	错误：<div>早安，尚硅谷
	<hr />
	
	<!-- ii.没有文本内容的标签： -->
	正确：1<br />
	<!-- 标签必须正确关闭    不关虽然浏览器能运行，但是这是错误的语法，浏览器偷偷帮你修复了而已-->
	错误：2<br>
	<hr />
	
	<!-- ③属性必须有值，属性值必须加引号 -->
	正确：<font color="blue">早安，尚硅谷</font>
	<!--属性必须有值，属性值必须加引号  不加语法是错误的，但是也能运行出来，浏览器偷偷帮你修复了而已 -->
	错误：<font color=blue>早安，尚硅谷</font>
	错误：<font color>早安，尚硅谷</font>
	<hr />
		
	<!-- ④注释不能嵌套 -->
	正确：<!-- 注释内容 --> <br/>
	<!-- ④注释不能嵌套   注释里面还有注释是不允许的，这里浏览器不能正确修复， 它认为第一个右尖括号就结束了，后面的(--//>)内容应该输出出来-->
	错误：<!-- 注释内容 <!-- 注释内容 -->--> <br/>
	<hr />
</body>
</html>